<template>
      
  <div class="goods_list_box">
    <h3>{{title}}</h3>
     <van-grid :column-num="2">
      <van-grid-item 
      v-for='item in list'
      :key="item.goodsId"
      >
        <slot :data='item'>
        <van-image :src='item.goodsCoverImg' />
        <h5>{{item.goodsName}}</h5>
        <div class="price_box">￥{{item.sellingPrice.toFixed(2)}}</div>
        </slot>
      </van-grid-item>
    </van-grid>
        
  </div>
</template>
<script>
// @ is an alias to /src
export default {
  name: "goodsList",
  props: {
    title: {
      type: [String],
    },
    list: {
      type: Array,
      required: true,
    },
  },
  data() {
    return {};
  },
  components: {},
};
</script>
<style lang="less">
</style>